{% extends 'common/panel.html' %}
{% block head %}
        <link rel="stylesheet" href="{{MEDIA_URL}}common/css/chart.css" type="text/css" media="all" title="no title" charset="utf-8"/>
{% endblock head %}
{% block title %}{{mpa.name}} Representation Report{% endblock title %}
{% block panel %}

   <div id="DataTable">

     <h3> Cumulative Impact of Zone Group</h3>
     <table width="100%" class="hab_repr_container">
     <tr><th>Scenario</th><th>Cumulative Impact</th></tr>
  {% for stats in zoned %}
     <tr class="{% cycle '' 'grey' %}">
	<td>{{stats.rast}}</td>
	<td>{{stats.avg|floatformat:"-3"}}</td>
     </tr>
  {% endfor %}
     </table>

     <h3> Current Conditions </h3>
     <table width="100%" class="hab_repr_container">
     <tr><th>Scenario</th><th>Cumulative Impact</th></tr>
  {% for stats in original %}
     <tr class="{% cycle '' 'grey' %}">
	<td>{{stats.rast}}</td>
	<td>{{stats.avg|floatformat:"-3"}}</td>
     </tr>
  {% endfor %}
     </table>

     <h3> Other Scenarios </h3>
     <table width="100%" class="hab_repr_container">
     <tr><th>Scenario</th><th>Cumulative Impact</th></tr>
  {% for stats in scenarios %}
     <tr class="{% cycle '' 'grey' %}">
	<td>{{stats.rast}}</td>
	<td>{{stats.avg|floatformat:"-3"}}</td>
     </tr>
  {% endfor %}
     </table>

   </div>


{% endblock panel %}
